body{
    background-color: black;
}
.btn {
    color: #fff !important;
  }
  /* Center items in the row */
  .justify-content-center {
    justify-content: center !important;
  }
  /* Adjust button padding for better spacing */
  .btn {
    padding: 0.375rem 0.75rem;
  }
  /* Adjust icon size */
  .fa-filter,
  .fa-arrow-up,
  .fa-arrow-down {
    font-size: 1.2em;
  }
  #filter1{
    padding: 10px 10px;
  }
  
  .rating {
    color:#ffc400;
  }
  .price {
    font-weight: bold;
    color: #007bff;
  }
  .card{
    transition: 1s;
  }
  .card:hover {
    box-shadow: 0 0 50px #007bff;
    transition: box-shadow 1s;
  }
  @media (max-width: 767.98px) {
    .card-img {
      margin: auto; /* Center image */
    }
    .heart-icon {
      position: absolute;
      bottom: 5px;
      left: 5px;
    }
  }
  @media (min-width: 768px) {
    .heart-icon {
      position: absolute;
      bottom: 5px;
      right: 5px;
    }
  }
  .heart-icon {
    color: #ff0000; /* Set heart color to red */
  }
  .foot {
    background-color: rgb(54, 54, 54);
    padding: 10px;
  }
  #footrow {
    padding: 30px;
  }
  .footer-link {
    color: white;
    text-align: center;
  }
  .cards{
    padding: 50px 10px;
  }